{include file="page_header.tpl" page="list_reports"}
<!-- Left column -->
<div class="span-12 append-bottom">
  <div class="span-12 append-bottom">
    <h3 class="alt">Diycity.kr &gt; @ <span id="where"></span></h3>
  </div>
  
  <div  class="span-11"> 
    <table class="form">
      <tbody>
	<tr>
	  <th></th>
	  <td>
	    <fieldset class="" style="background-color:white">
	      <legend>이렇게 알려주세요!</legend>
	      <ol id="help" style="padding-left:20px">
		<li>지도위에 <!--<img src="http://maps.google.com/mapfiles/ms/micons/blue-pushpin.png" />-->마크를 를 알리고 싶은 위치에 올려주세요.</li>
		<li>보고하기를 누르고 모든 항목에 내용을 채워 주세요.</li>
		<li>제출!</li>
	      </ol>
	  </fieldset></td>
	</tr>
	<tr>
	  <th></th> 
	  {literal}
	  <td class="center"><input type="button" value="보고하기" onclick="$('#report-area').show('blind', {}, 500);" /></td>
	  {/literal}
	</tr>
      </tbody>
    </table>
    
    <form id="report-form" action="lib/model_broker.php" method="post" enctype="multipart/form-data">
      <div>
	<input type="hidden" id="lat" name="lat" />
	<input type="hidden" id="lng" name="lng" />
	<input type="hidden" id="address1" name="address1" />
	<input type="hidden" id="address2" name="address2" />
	<input type="hidden" id="address3" name="address3" />
	<input type="hidden"  value="write_report" name="type" />
      </div>
      
      <div id="report-area" style="display:none">
	<table class="form">
	  <tbody>
	    <tr>
	      <th><label>* 분류 :</label></th>
	      <td>
		<select class="required" name="category">
		  <option value="" selected="selected">카테고리를 선택해 주세요 : </option>
		  <optgroup label="시민안전">
		    <option >도로시설물</option>
		    <option >대형 공사장</option>
		    <option >위험시설물</option>
		  </optgroup>
		  
		  <optgroup label="환경오염">
		    <option >폐기물 무단투기</option>
		    <option >녹지 훼손</option>
		  </optgroup>
		  
		  <optgroup label="시민생활 불편">
		    <option >표지판</option>
		    <option >자동차 전용도로 관리</option>
		    <option >보행 불편</option>
		  </optgroup>
		  
		  <optgroup label="도시 미관">
		    <option >불법 광고물 설치</option>
		    <option >쓰레기 방치</option>
		  </optgroup>
		  
		  <optgroup label="여성 불편">
		    <option >대중교통 이용</option>
		    <option >화장실</option>
		    <option >수유시설</option>
		    <option >기저귀 교환장소</option>
		    <option >휴식공간</option>
	            <option >안전</option>
		  </optgroup>
		  
		  <optgroup label="장애인">
		    <option >대중교통 이용</option>
		    <option >화장실</option>
		    <option >주차시설</option>
		    <option >계단 및 승강기</option>
		    <option >지하철</option>
		  </optgroup>
		  
		  <optgroup label="노약자">
		    <option >대중교통 이용</option>
		    <option >휴식공간</option>
		    <option >보행불편</option>
		  </optgroup>
		  
		  <optgroup label="외국인">
		    <option >대중교통 이용</option>
		    <option >잘못된 표지판</option>
		    <option >서비스 불만</option>
		    <option >바가지 이용요금</option>
		  </optgroup>
		</select>
	      </td>
	    </tr>
	    
	    <tr>
	      <th><label>* 제목 :</label></th>
	      <td><input class="text required" maxlength="100" type="text" name="subject" /></td>
	    </tr>
	    
	    <tr>
	      <th><label>* 내용 :</label></th>
	      <td><textarea rows="10" cols="40" class="text required" name="details"></textarea></td>
	    </tr>
	    <tr>
	      <th style="padding-top:5px"><label>사진 :</label></th>
	      <td><input class="" type="file" name="photo" /> (*optional)</td>
	    </tr>
	    
	    <tr>
	      <th><label>* 이름 :</label></th>
	      <td><input class="text required" type="text" name="reporter" /></td>
	    </tr>
	    
	    <tr>
	      <th><label>* email :</label></th>
	      <td><input class="text required email" type="text" name="email" /></td>
  	    </tr>
	    
	    <tr>
	      <th></th>
	      <td class="center"><span id="error-msg" style="display:none"></span></td>
	    </tr>
	    
	    <tr>
	      <th></th>
	      <td class="center"><input id="report-submit" type="submit" value="제출!" /></td>
	    </tr>
	  </tbody>
	</table>
      </div>
    </form>    
    
    <table class="form">
      <tbody>
	<tr>
	  <th></th>
	  <td>
	    <fieldset style="background-color:white">
	      <legend>
		가까운 지역에서 보고된 내용
	      </legend>
	      <ul id="near-list" style="display:none">
		<li></li>
	      </ul>
	    </fieldset>
	  </td>
	</tr>
      </tbody>
    </table>
    
    <div class="prepend-top prepend-1 append-1 span-10"></div>
  </div>
</div>
<!-- ~Left column -->


<!-- Map area(Right column) -->
<div class="span-12 last">
  <!-- <div id="rss-email" class="span-12"> -->
  <!--   <a href="#">E-Mail me new local problem</a> -->
  <!-- </div> -->
  <div id="map" class="span-12 last">
  </div>
  
  <div class="span-12 last" style="margin-top:20px">
    <div id="tabs">
      <ul>
	<li><a href="#news">지역 뉴스</a></li>
	<li><a href="#photos">지역 사진</a></li>
      </ul>

   <div id="news">
	<div id="news-list">
	</div>
	<div style="padding-bottom:10px;float:right;clear:both">Powered by <a href="http://naver.com">naver.com</a></div>
      </div>

      
      <div id="photos" style="margin:auto;padding-left:37px;">
      </div>
      
       </div>
  </div>
</div>
<!-- ~Map area(Right column) -->
{include file="page_footer.tpl"}
    
